﻿
<link href="~/lib/layui/css/layui.css" rel="stylesheet" />   @* 一 ①样式 *@ @* ②layui js库 *@
<script src="~/js/js.cookie.js"></script>
<script src="~/js/moment.js"></script>
<script src="~/lib/layui/layui.js"></script>
<script src="~/lib/jquery/dist/jquery.js"></script>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=Ayy2qg7yLpk30zrVmlWLRmmg8MwWY6pi"></script>


<!--地图容器-->
<div class="hotelInfo-map" style="height:600px;width:900px;" id="container"></div>

<script>

    $(function () { 
        ditu();
    });

    function ditu() {
        var map = new BMapGL.Map('container'); //初始化一个地图对象,并且给他指定容器id
        var point = new BMapGL.Point(116.30690, 40.04769);//实例化一个坐标
        map.centerAndZoom(point, 15);//设置地图的中心点和缩放级别
        // 创建点标记
        var marker = new BMapGL.Marker(point);
        map.addOverlay(marker);
        // 创建信息窗口
        var opts = {
            width: 200,
            height: 100,
            title: '北京八维研修学院'
        };
        var infoWindow = new BMapGL.InfoWindow('地址：北京市海淀区上地七街唐家岭路57号', opts);
        marker.addEventListener('click', function () {
            map.openInfoWindow(infoWindow, point); // 开启信息窗口
        });
    }
</script>